<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq动画效果</title>

    <style type="text/css">
        div{
            width: 200px;
            height: 200px;
            background-color: coral;
        }
    </style>

    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
        $("#but1").click(function () {
            $("#")
        })

        })
    </script>
</head>
<body>

<input type="button" value="jq的动画效果" id="but1">
<input type="button" value="隐藏动画" id="but2">
<input type="button" value="自动切换动画" id="but3">
<input type="button" value="滑动显示" id="but4">
<input type="button" value="" id="but5">
<input type="button" value="jq的动画效果" id="but6">
<input type="button" value="jq的动画效果" id="but7">
<input type="button" value="jq的动画效果" id="but8">

</body>
</html>